<script setup lang="ts">
import { ref, reactive } from 'vue'
//全球库存金额
import globalInventoryValue from '@/components/PermissionsModule/Supply/components/globalInventoryValue.vue'
// 全球库存数量
import globalInventoryQuantity from '@/components/PermissionsModule/Supply/components/globalInventoryQuantity.vue'
// 入库出库
import warehouseInWarehouseOut from '@/components/PermissionsModule/Supply/components/warehouseInWarehouseOut.vue'
</script>

<template>
  <!-- 左侧图表集合 -->
  <el-carousel class="carousel" :interval="5000">
    <globalInventoryValue />
    <globalInventoryQuantity />
  </el-carousel>
  <el-carousel class="carousel" :interval="5000">
    <warehouseInWarehouseOut />
  </el-carousel>
</template>
<style lang="scss" scoped>
.carousel {
  width: 100%;
}
</style>
